<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>疫情打卡 登录界面</title>

  <link href="/css/bootstrap.css" rel="stylesheet">

  <style>
    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }

    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }
  </style>


  <!-- Custom styles for this template -->
  <link href="/css/signIn.css" rel="stylesheet">
  <script src='/js/jquery.js'></script>
</head>

<body class="text-center">

  <main class="form-signin">
    <form id="signInForm" method='POST' action="/login">
      <img class="mb-4" src="/img/bootstrap-logo.svg" alt="" width="72" height="57">
      <h1 class="h3 mb-3 fw-normal">疫情打卡,请先登录</h1>
      <!-- 加入CSRF令牌，Spring Security提供。 -->
      <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
      <div class="form-floating">
        <input type="text" class="form-control" id="floatingInput" name='username' placeholder="用户账号"
          required>
        <label for="floatingInput">用户账号</label>
      </div>
      <div class="form-floating">
        <input type="password" class="form-control" id="floatingPassword" name='password' placeholder="密码"
          required>
        <label for="floatingPassword">密码</label>
      </div>

<!--      <div class="checkbox mb-3">-->
<!--        <label>-->
<!--          <input type="checkbox" name="admin"> 以管理员身份登录-->
<!--        </label>-->
<!--      </div>-->
      <input class="w-100 btn btn-lg btn-primary mb-3" type="submit" value="登录">
    </form>
      <a href="/oauth2/dgut" class="w-100 btn btn-lg btn-outline-primary mb-3">中央认证登录</a>
      <p class="mt-5 mb-3 text-muted">&copy; 2021至今</p>
  </main>


<!--  <script src="/js/signIn.js"></script>-->
</body>

</html>